<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <basefont color="red" size="5" />
    <link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<body>
<a href="http://www.w3school.com.cn">W3School</a><p/>
The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.<p/>
<acronym title="World Wide Web">WWW</acronym><p/>
<address>
    Written by <a href="http://www.baidu.com">Donald Duck</a>.<br>
</address><p/>
<applet code="Bubbles.class" width="350" height="350">
    Java applet that draws animated bubbles.
</applet><p/>
<img src=".idea\imgs\book.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
    <area shape="circle" coords="180,139,14" href =".idea\imgs\img1.png" alt="1" />
    <area shape="circle" coords="129,161,10" href =".idea\imgs\img2.png" alt="2" />
    <area shape="rect" coords="0,0,110,260" href =".idea\imgs\img3.png" alt="3" />
</map><p/>
<article>
    <h1>Internet Explorer 9</h1>
    <p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
    <h4>Epcot Center</h4>
    The Epcot Center is a theme park in Disney World, Florida.
</aside><p/>
<audio src="someaudio.wav">
    您的浏览器不支持 audio 标签。
</audio><p/>
<p>这是普通文本 - <b>这是粗体文本</b>。</p>

<img src=".idea\imgs\img4.png" />
<a href="http://www.w3school.com.cn">W3School</a><p/>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" /><p/>
<ul>
    <li>Username <bdi>Bill</bdi>:80 points</li>
    <li>Username <bdi>Steve</bdi>: 78 points</li>
</ul><p/>
<bdo dir="rtl">Here is some text</bdo><p/>
<blockquote>
    Here is a long quotation here is a long quotation here is a long quotation<br/>
    here is a long quotation here is a long quotation here is a long quotation<br/>
    here is a long quotation here is a long quotation here is a long quotation.<br/>
</blockquote><p/>
<button type="button">Click Me!</button>
<canvas id="myCanvas"></canvas>

<script type="text/javascript">

    var canvas=document.getElementById('myCanvas');
    var ctx=canvas.getContext('2d');
    ctx.fillStyle='#FF0000';
    ctx.fillRect(0,0,80,100);

</script>
<table border="1">
    <caption>Monthly savings</caption>
    <tr>
        <th>Month</th>
        <th>Savings</th>
    </tr>
    <tr>
        <td>January</td>
        <td>$100</td>
    </tr>
</table>
em>	把文本定义为强调的内容。
    strong>	把文本定义为语气更强的强调的内容。
        dfn>	定义一个定义项目。
            code>	定义计算机代码文本。
                samp>	定义样本文本。
                    kbd>	定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
                        var>	定义变量。您可以将此标签与 pre> 及 code> 标签配合使用。
cite>	定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。<p/>
<table width="100%" border="1">
    <col align="left" />
    <col align="left" />
    <col align="right" />
    <tr>
        <th>ISBN</th>
        <th>Title</th>
        <th>Price</th>
    </tr>
    <tr>
        <td>3476896</td>
        <td>My first HTML</td>
        <td>$53</td>
    </tr>
</table>
<table width="100%" border="1">
    <colgroup span="2" align="left"></colgroup>
    <colgroup align="right" style="color:#0000FF;"></colgroup>
    <tr>
        <th>ISBN</th>
        <th>Title</th>
        <th>Price</th>
    </tr>
    <tr>
        <td>3476896</td>
        <td>My first HTML</td>
        <td>$53</td>
    </tr>
</table>
<menu>
    <command onclick="alert('Hello World')">
        Click Me!</command>
</menu><p/>
<input id="myCar" list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist><p/>
<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl><p/>
a dozen is <del>20</del> 12 pieces<p/>
<details>
    <summary>Copyright 2011.</summary>
    <p>All pages and graphics on this web site are the property of W3School.</p>
</details><p/>
<table border="1">
    <tr>
        <th>一月 <dialog open>这是打开的对话窗口</dialog></th>
        <th>二月</th>
        <th>三月</th>
    </tr>
    <tr>
        <td>31</td>
        <td>28</td>
        <td>31</td>
    </tr>
</table>
<dir>
    <li>HTML</li>
    <li>XHTML</li>
    <li>CSS</li>
</dir><p/>
<div style="color:#00FF00">
    <h3>This is a header</h3>
    <p>This is a paragraph.</p>
</div>
<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
<embed src="http://www.baidu.com" /><p/>
<form>
    <fieldset>
        <legend>health information</legend>
        height: <input type="text" />
        weight: <input type="text" />
    </fieldset>
</form>
<figure>
    <figcaption>书</figcaption>
    <img src=".idea\imgs\book.jpg" width="350" height="234" />
</figure>
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font><P/>
<footer>
    <p>Posted by: W3School</p>
    <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>
</footer>
<frameset cols="25%,50%,25%">
    <frame src="frame_a.htm" />
    <frame src="frame_b.htm" />
    <frame src="frame_c.htm" />
</frameset>
<header>
    <h1>Welcome to my homepage</h1>
    <p>My name is Donald Duck</p>
</header>
<hr />
<form action="form_action.asp" method="get">
    First name: <input type="text" name="fname" />
    Last name: <input type="text" name="lname" />
    <input type="submit" value="Submit" />
</form>
a dozen is <del>20</del> <ins>12</ins> pieces<P/>
<form action="demo_keygen.asp" method="get">
    Username: <input type="text" name="usr_name" />
    Encryption: <keygen name="security" />
    <input type="submit" />
</form>
<form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
</form>
<form>
    <fieldset>
        <legend>health information</legend>
        height: <input type="text" />
        weight: <input type="text" />
    </fieldset>
</form>
<p>Do not forget to buy <mark>milk</mark> today.</p>
<menu type="toolbar">
    <li>
        <menu label="File">
            <button type="button" onclick="file_new()">New...</button>
            <button type="button" onclick="file_open()">Open...</button>
            <button type="button" onclick="file_save()">Save</button>
        </menu>
    </li>
    <li>
        <menu label="Edit">
            <button type="button" onclick="edit_cut()">Cut</button>
            <button type="button" onclick="edit_copy()">Copy</button>
            <button type="button" onclick="edit_paste()">Paste</button>
        </menu>
    </li>
</menu>
<meter value="3" min="0" max="10">十分之三</meter>

<meter value="0.6">60%</meter>
</body>
</html>